Los condicionales son partes de código que determinan si algo se ejecutará o no.
Por regla general, las declaraciones en JavaScript son ejecutadas en secuencia desde arriba para abajo. El flujo de ejecución puede ser alterado de dos maneras:
- Condicionales
- Ejecución repetitiva (loops)
Existen diferentes tipos de condicionales en JS:
Dicta que si la condición es verdadera, el bloque de código que le sigue será ejecutado. Para crear un if statement, utilizamos la palabra 'if' seguida de la condición entre paréntesis y el bloque de código a ejecutar entre llaves ({}).
if (condición) {
// bloque de código que se ejecuta si la condición es verdadera
}
-------------------------------------------------------------
if ( número == 1 ) {
saludo = "Buenos días🌞";
console.log(saludo);
}
//"Buenos días🌞"
Como habíamos comentado anteriormente, si la condición se cumple el promer bloque de código será el que se ejecutará. De no ser así, es aconsejable escribir una alternativa para siempre evitar errores en el código. Esto puede ser logrado con else.
if (condición) {
// bloque de código que se ejecuta si la condición es verdadera
} else {
// bloque de código que se ejecuta si la condición NO se cumple
}
-------------------------------------------------------------
if ( número == 1 ) {
saludo = "Buenos días🌞";
console.log(saludo);
} else {
saludo = "Buenas noches🌝";
console.log(saludo);
}
Este condicional nos permite Realizar varias elecciones dentro de un mismo statement de manera más eficiente. En este caso se toma una sola expresión y luego se verifica a través de una serie de opciones hasta que encuentran una que coincida con ese valor, ejecutando el código correspondiente.
switch (expresión) {
case opción1:
ejecuta este código
break;
case opción2:
ejecuta este código
break;
// Se pueden incluir todos los casos que quieras
default:
código predeterminado a ejecutarse
}
Ejemplo:
const estación = mes => {
switch (mes) {
case 'septiembre' :
case 'octubre' :
case 'noviembre':
console.log('🍂Otoño🍂');
break;
case 'diciembre':
case 'enero':
case 'febrero':
console.log('❄️Invierno❄️');
break;
case 'marzo':
case 'abril':
case 'mayo':
console.log('🌼Primavera🌼');
break;
case 'junio':
case 'julio':
case 'agosto':
console.log('⛱️Verano⛱️');
break;
default:
console.log("No has introducido el mes!😲");
break;
};
};
checkSeason('abril');
//Primavera
Estos son utilizados para determinar la igualdad o diferencia entre valores.
== igual en valor ignorando su tipo
=== igual en valor y tipo
!= no igual en valor ignorando su tipo
!== no igual en valor ni en tipo
> mayor que
< menor que
>= mayor que o igual
<= menor que o igual
En JavaScript ocurre algo llamado 'type coercion', que se entiendo como a la conversión de un valor de un tipo a otro. [https://www.etnassoft.com/2011/04/06/coercion-de-datos-en-javascript/](Ver más aquí)
Son útiles para realizar múltiples comprobaciones y reducir las líneas de código. En JavaScript existen tres tipos de estos, ! (NOT), && (AND), ||(OR).
! - NOT: Indica que solo se ejecutará el código si el statement es falso.
!(x == y)
&& — AND: Ambas expresiones tienen que ser verdaderas para que se pueda ejecutar el código.
(x < 10 && y > 1)
|| — OR: Solo una de ellas tiene que ser verdadera para que se ejecute el código.
(x == 5 || y == 5)
✨¡Espero que te haya ayudado!✨